<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <!-- 1.9.1的JQuery文件 -->
    <script src="../common-js/jquery1.9.1.js"></script>
    <!--Bootstrap3 css-->
    <link rel="stylesheet" href="../common-css/bootstrap3.css">
    <!--Bootstrap3 js-->
    <script src="../common-js/bootstrap3.js"></script>

    <link rel="stylesheet" href="../common-css/common.css">
    <link rel="stylesheet" href="css/signIn.css">
</head>
<body>
<div class="row">
    <div class="col-lg-4 col-lg-offset-4 panel-container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <img src="img/logo.jpg" alt="" class="img-responsive img-circle center-block">
               <h3 class="panel-title text-center"> 欢迎登录飞海!</h3>
            </div>
            <div class="panel-body">
                <form action="#">
                    <div class="form-group">
                        <label for="username" class="control-label">用户名</label>
                        <input type="text" required autofocus placeholder="Email" class="form-control" id="username" pattern=".*@.*\..+" title="请输入正确邮箱号">
                    </div>
                    <div class="form-group">
                        <label for="passowrd" class="control-label">密码</label>
                        <input type="password" required placeholder="6到16位字母或数字或符号组成" class="form-control" id="passowrd" pattern="[1-9A-Za-z._*!?]{6,16}" title="6到16位字母或数字或符号组成">
                    </div>
                    <button class="btn btn-primary form-control" type="submit">登录</button>
                </form>
            </div>
        </div>
    </div><!--col-lg-3 panel-container-->
</div><!--/row-->
</body>
</html>